import { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import Dog from './Dog'
import Computer from './Computer'
import Notification from './Notification'
// 封装一个Notification组件 显示是否有未读的消息

function App() {
  const [count, setCount] = useState(0)
  const [num,setNum]=useState(0)
  setTimeout(()=>{
    setNum(2)
  },1000)
  return (
    <div className="App">
      {/*自定义组件 <Dog></Dog> */}
      <Dog />
      <Computer />
      <Computer />
      <Notification n={num}/>
    </div>
  )
}

export default App
